<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>${panelTitle}</title>
    <link rel="shortcut icon" href="${ctx}/public/img/favicon.ico"/>

    <link href="${ctx}/public/css/bootstrap.min.css" rel="stylesheet">
    <link href="${ctx}/public/font-awesome/css/font-awesome.css" rel="stylesheet">
    <link href="${ctx}/public/css/animate.css" rel="stylesheet">
    <link href="${ctx}/public/css/style.css" rel="stylesheet">
    <link href="${ctx}/public/css/login.css" rel="stylesheet">

    <script>if(window.top !== window.self){ window.top.location = window.location; window.top.location.href = "${ctx}${springMacroRequestContext.getRequestUri()!'/login'}?kickout=${kickout}&ReturnURL=${returnUrl}";}</script>
</head>

<body class="signin">
<div class="signinpanel">
    <div class="row">
        <div class="col-sm-7">
            <div class="signin-info">
                <div class="logopanel m-b">
                    <!--显示logo-->
                    <#if isShowLogo>
                    <h1 class="logo-name">[${pageTitle}]</h1>
                    </#if>
                </div>
                <div class="m-b"></div>
                <h4>欢迎使用 <strong>${pageTitle} 后台</strong></h4>
                <ul class="m-b">
                    <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> 服务化</li>
                    <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> 可拓展</li>
                    <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> 高可用</li>
                    <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> 高性能</li>
                    <li><i class="fa fa-arrow-circle-o-right m-r-xs"></i> 分布式</li>
                </ul>
                <strong>还没有账号？ <a href="#">立即注册&raquo;</a></strong>
            </div>
        </div>
        <div class="col-sm-5">
            <form method="post" action="/sso/login?ReturnURL=${returnUrl}">
                <input type="hidden" name="httpstatus" value="401"/>
                <h4 class="no-margins">登录：</h4>
                <p class="m-t-md"><h2>登录到${pageTitle}后台</h2></p>
                <div class="form-group">
                    <#if kickout??>
                    <span type="text" class="text-danger">您的账户已在别处登陆！</span>
                    </#if>
                <span type="text" class="text-danger"> ${message}</span>
                </div>
                <input type="text" name="username" class="form-control uname" placeholder="用户名" />
                <input type="password" name="password" class="form-control pword m-b" placeholder="密码" />
                <a href="#">忘记密码了？</a>
                <button class="btn btn-success btn-block">登录</button>
            </form>
        </div>
    </div>
    <div class="signup-footer">
        <div class="pull-left">
            &copy; ${pageFoot}
        </div>
    </div>
</div>
<!-- Mainly scripts -->
<script src="${ctx}/public/js/jquery-3.1.1.min.js"></script>
<script src="${ctx}/public/js/bootstrap.min.js"></script>
<script>
    //防止页面后退
    history.pushState(null, null, document.URL);
    window.addEventListener('popstate', function () {
        history.pushState(null, null, document.URL);
    });
</script>
</body>
</html>
